<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>首页 0211李逸宸</title>
<link href="./css/liyichen.css" rel="stylesheet"/>
</head>
<body>
<div class="head">
<div class="w-1200">
<div class="nav-channel">
<div class="nav-channel-logo"></div>
<div class="nav-logo city-select">
<div class="city-select scc">
<a href="">
<i class="icon-pos"></i>
<span class="city-name">南昌</span>
<i class="city-arrow"></i>
</a>
<!-- 第一个json数据 -->
<div class="extend-menu" id="region-container">
<!-- 城市和区域的数据将通过 JavaScript 动态插入 -->
</div>
<div class="more-city">
<a href="">更多城市 &gt;</a>
</div>
</div>
<!-- 第二个json数据 -->
<ul class="nav-channel-list" id="nav-channel-list">
<!-- 导航频道将通过 JavaScript 动态插入 -->
</ul>
<div class="download-app">
<a href="">
<i class="download-icon"></i>
<span>下载APP</span>
</a>
<div class="download-app-qrcode">
<div class="download-app-qrcode-left">
<img src="./img/app-download.jpg"/>
</div>
<div class="download-app-qrcode-right">
<div class="download-app-qrcode-text">下载安居客APP</div>
<div class="download-app-qrcode-desc">随时随地查看新上房源</div>
</div>
</div>
</div>
</div>
<div class="user-control">
<a class="user-login" href="./login.html">登录</a>
<span class="user-seperate"></span>
<a class="user-register" href="./login.html">注册</a>
</div>
</div>
<h1 class="home-title">安居客 全房源</h1>
<div class="sale">
<ul class="tabtitle">
<li class="mf select">
<img src="./img/买房图标.png"/>
                        买房
                    </li>
<li class="mf select">
<img src="./img/卖房图标.png"/>
                        卖房
                    </li>
<li class="mf select">
<img src="./img/租房图标.png"/>
                        租房
                    </li>
<li class="mf select">
<img src="./img/商铺写字楼图标.png"/>
                        商铺写字楼
                    </li>
<li class="mf select">
<img src="./img/厂房仓库.png"/>
                        厂房仓库
                    </li>
</ul>
<div class="panel">
<!-- 买房 -->
<div class="locale pos0"></div>
<div class="maif panellist">
<div class="homeSearch">
<section class="search textl">
<form class="search-wrap">
<div class="search-inner">
<div class="searchpos">
<input autocomplete="off" class="search-input input1" data-npv="esf_List_search_box" id="search-input" name="搜索" placeholder="请输入小区名称、地址" value=""/>
</div>
<button class="btn" id="sechouseBtn" type="button">二手房</button>
<button class="btn red" id="newhouse" type="button">新房</button>
</div>
</form>
</section>
</div>
<!-- 第3处json数据 -->
<div class="buy-house tab-contents">
<div class="clearfix">
<div class="details" id="house-details">
<!-- 从JSON加载的内容将插入这里 -->
</div>
</div>
</div>
</div>
<!-- 卖房 -->
<div class="buy-house panellist" style="display: none;">
<div class="homeSearch mfserach">
<div class="sys">
<span class="left"></span>
<span class="right">
                                    快速卖房，高效省心
                                    <i class="line"></i>
</span>
</div>
<a class="btn" href="#" target="_blank">我要卖房</a>
<a class="btn" href="#">我要估价</a>
</div>
<div class="tab-contents">
<div class="details float_l">
<p class="mftitle">卖房服务优势</p>
<ul class="mfys">
<li>五分钟匹配买家</li>
<li>实时获取买家出价</li>
<li>安心卖保障</li>
<li>专人跟进服务</li>
<li>品质中介服务</li>
<li>免费VR拍摄</li>
</ul>
</div>
<div class="details float_l">
<p class="mftitle">快速卖房只需3步</p>
<ul class="quickmf">
<li class="one">
<img src="https://pages.anjukestatic.com/fe/esf/img/e5409ced/sy_tab_maimai_icon_1@2x.png"/>填写信息
                                    </li>
<li class="jt"></li>
<li class="one">
<img src="https://pages.anjukestatic.com/fe/esf/img/650d4ab4/sy_tab_maimai_icon_2@2x.png"/>信息认证
                                    </li>
<li class="jt"></li>
<li class="one">
<img src="https://pages.anjukestatic.com/fe/esf/img/b693ca3b/sy_tab_maimai_icon_3@2x.png"/>房产展示
                                    </li>
</ul>
</div>
</div>
</div>
<!-- 租房 -->
<div class="zf panellist" style="display: none;">
<div class="homeSearch">
<section class="search textl">
<form action="javascript: void(0);" class="search-wrap">
<div class="search-inner">
<div class="searchpos"><input autocomplete="off" class="search-input" data-npv="esf_List_search_box" id="search-input" name="搜索" placeholder="请输入房源特征、地址、小区、楼盘名或…" value=""/> <i class="search-close" style="display:none;"></i></div> <button class="btn">
                                            租房
                                        </button>
</div>
</form>
</section>
</div>
<div class="buy-house tab-contents">
<div class="clearfix">
<div class="details">
<div>
<div class="areas float_l widththree">
<p class="subtitle"><span>热门区域</span>
</p>
<a alt="地图找房" class="map" href="#" target="_black" title="地图找房">地图找房</a>
<a alt="红谷滩" class="jumplink" href="#" target="_self" title="红谷滩">红谷滩</a>
<a alt="青山湖" class="jumplink" href="#" target="_self" title="青山湖">青山湖</a>
<a alt="东湖" class="jumplink" href="#" target="_self" title="东湖">东湖</a>
<a alt="西湖" class="jumplink" href="#" target="_self" title="西湖">西湖</a>
<a alt="青云谱" class="jumplink" href="#" target="_self" title="青云谱">青云谱</a>
<a alt="新建" class="jumplink" href="#" target="_self" title="新建">新建</a>
<a alt="南昌县" class="jumplink" href="#" target="_self" title="南昌县">南昌县</a>
<a alt="进贤" class="jumplink" href="#" target="_self" title="进贤">进贤</a>
<a alt="安义" class="jumplink" href="#" target="_self" title="安义">安义</a>
<a alt="高新开发区" class="jumplink" href="#" target="_self" title="高新开发区">高新开发区</a>
<a alt="昌北经济开发区" class="jumplink" href="#" target="_self" title="昌北经济开发区">昌北经济开发区</a>
<a alt="湾里" class="jumplink" href="#" target="_self" title="湾里">湾里</a>
<a alt="小蓝经济开发区" class="jumplink" href="#" target="_self" title="小蓝经济开发区">小蓝经济开发区</a>
<a alt="象湖" class="jumplink" href="#" target="_self" title="象湖">象湖</a>
</div>
<div class="areas float_l widththree">
<p class="subtitle"><span>热门板块</span>
</p><a alt="爱国路" class="jumplink" href="#" target="_self" title="爱国路">爱国路</a>
<a alt="洪都大道" class="jumplink" href="#" target="_self" title="洪都大道">洪都大道</a>
<a alt="叠山路" class="jumplink" href="#" target="_self" title="叠山路">叠山路</a>
<a alt="艾溪湖北路" class="jumplink" href="#" target="_self" title="艾溪湖北路">艾溪湖北路</a>
<a alt="向塘" class="jumplink" href="#" target="_self" title="向塘">向塘</a>
<a alt="翠苑路" class="jumplink" href="#" target="_self" title="翠苑路">翠苑路</a>
<a alt="昌东大道" class="jumplink" href="#" target="_self" title="昌东大道">昌东大道</a>
<a alt="云海路" class="jumplink" href="#" target="_self" title="云海路">云海路</a>
<a alt="祥云大道" class="jumplink" href="#" target="_self" title="祥云大道">祥云大道</a>
<a alt="云飞路" class="jumplink" href="#" target="_self" title="云飞路">云飞路</a>
<a alt="井冈山大道" class="jumplink" href="#" target="_self" title="井冈山大道">井冈山大道</a>
<a alt="红谷滩周边" class="jumplink" href="#" target="_self" title="红谷滩周边">红谷滩周边</a>
<a alt="天祥大道" class="jumplink" href="#" target="_self" title="天祥大道">天祥大道</a>
<a alt="紫阳大道" class="jumplink" href="#" target="_self" title="紫阳大道">紫阳大道</a>
<a alt="老福山" class="jumplink" href="#" target="_self" title="老福山">老福山</a>
</div>
<div class="areas float_l widththree">
<p class="subtitle"><span>购房预算</span>
<a alt="500元以下" class="jumplink" href="#" target="_self" title="500元以下">500元以下</a>
<a alt="500-800元" class="jumplink" href="#" target="_self" title="500-800元">500-800元</a>
<a alt="800-1000元" class="jumplink" href="#" target="_self" title="800-1000元">800-1000元</a>
<a alt="1000-1500元" class="jumplink" href="#" target="_self" title="1000-1500元">1000-1500元</a>
<a alt="1500-2000元" class="jumplink" href="#" target="_self" title="1500-2000元">1500-2000元</a>
</p></div>
</div>
</div>
</div>
</div>
<div class="chatcode" data-v-7adec885=""><img class="code" data-v-7adec885="" src="https://pages.anjukestatic.com/usersite/site/img/seo/app-download.jpg"/>
<div class="codetx" data-v-7adec885="">
<div data-v-7adec885="">扫码快速卖房</div>
<div class="codet" data-v-7adec885="">金牌经纪人帮你卖</div>
</div>
</div>
</div>
<!-- 商铺写字楼 -->
<div class="Sp panellist" style="display:none">
<div class="seletcRadio">
<div class="radio"><input checked="checked" id="rd0" name="sp" type="radio" value="sp0"/>
<label class="radio-label" for="rd0">租写字楼</label>
</div>
<div class="radio"><input id="rd1" name="sp" type="radio" value="sp1"/> <label class="radio-label" for="rd1">买写字楼</label></div>
<div class="radio"><input id="rd2" name="sp" type="radio" value="sp2"/> <label class="radio-label" for="rd2">买商铺</label></div>
<div class="radio"><input id="rd3" name="sp" type="radio" value="sp3"/> <label class="radio-label" for="rd3">租商铺</label></div>
<div class="radio"><input id="rd4" name="sp" type="radio" value="sp4"/> <label class="radio-label" for="rd4">生意转让</label></div>
</div>
<div class="homeSearch">
<section class="search textl">
<form action="javascript: void(0);" class="search-wrap">
<div class="search-inner">
<div class="searchpos"><input autocomplete="off" class="search-input" data-npv="esf_List_search_box" id="search-input" name="搜索" placeholder="请输入房源地址特征、地址、小区、楼盘名或..." value=""/> <i class="search-close" style="display:none;"></i></div> <button class="btn">
                                            租写字楼
                                        </button>
</div>
</form>
</section>
</div>
<div class="buy-house tab-contents">
<div class="clearfix">
<div class="details">
<div class="areas float_l widthtwo">
<p class="subtitle"><span>热门区域</span></p>
<a alt="红谷滩" class="jumplink" href="#" target="_self" title="红谷滩">红谷滩</a>
<a alt="高新开发区" class="jumplink" href="#" target="_self" title="高新开发区">高新开发区</a>
<a alt="青山湖" class="jumplink" href="#" target="_self" title="青山湖">青山湖</a>
<a alt="西湖" class="jumplink" href="#" target="_self" title="西湖">西湖</a>
<a alt="东湖" class="jumplink" href="#" target="_self" title="东湖">东湖</a>
<a alt="昌北经济开发区" class="jumplink" href="#" target="_self" title="昌北经济开发区">昌北经济开发区</a>
<a alt="青云谱" class="jumplink" href="#" target="_self" title="青云谱">青云谱</a>
<a alt="新建" class="jumplink" href="#" target="_self" title="新建">新建</a>
<a alt="象湖" class="jumplink" href="#" target="_self" title="象湖">象湖</a>
<a alt="南昌县" class="jumplink" href="#" target="_self" title="南昌县">南昌县</a>
<a alt="小蓝经济开发区" class="jumplink" href="#" target="_self" title="小蓝经济开发区">小蓝经济开发区</a>
<a alt="湾里" class="jumplink" href="#" target="_self" title="湾里">湾里</a>
<a alt="进贤" class="jumplink" href="#" target="_self" title="进贤">进贤</a>
<a alt="安义" class="jumplink" href="#" target="_self" title="安义">安义</a>
</div>
<div class="prices float_l widthtwo">
<p class="subtitle"><span>热门板块</span></p>
<a alt="红谷中大道" class="jumplink" href="#" target="_self" title="红谷中大道">红谷中大道</a>
<a alt="绿茵路" class="jumplink" href="#" target="_self" title="绿茵路">绿茵路</a>
<a alt="紫阳大道" class="jumplink" href="#" target="_self" title="紫阳大道">紫阳大道</a>
<a alt="沙井路" class="jumplink" href="#" target="_self" title="沙井路">沙井路</a>
<a alt="云飞路" class="jumplink" href="#" target="_self" title="云飞路">云飞路</a>
<a alt="解放东路" class="jumplink" href="#" target="_self" title="解放东路">解放东路</a>
<a alt="昌北经济开发区" class="jumplink" href="#" target="_self" title="昌北经济开发区">昌北经济开发区</a>
<a alt="八一广场" class="jumplink" href="#" target="_self" title="八一广场">八一广场</a>
<a alt="九龙湖" class="jumplink" href="#" target="_self" title="九龙湖">九龙湖</a>
<a alt="北京东路" class="jumplink" href="#" target="_self" title="北京东路">北京东路</a>
<a alt="丰和中大道" class="jumplink" href="#" target="_self" title="丰和中大道">丰和中大道</a>
<a alt="秋水广场" class="jumplink" href="#" target="_self" title="秋水广场">秋水广场</a>
<a alt="京东大道" class="jumplink" href="#" target="_self" title="京东大道">京东大道</a>
<a alt="滕王阁" class="jumplink" href="#" target="_self" title="滕王阁">滕王阁</a>
<a alt="红角洲" class="jumplink" href="#" target="_self" title="红角洲">红角洲</a>
<a alt="丁公路" class="jumplink" href="#" target="_self" title="丁公路">丁公路</a>
<a alt="顺外路" class="jumplink" href="#" target="_self" title="顺外路">顺外路</a>
<a alt="艾溪湖北路" class="jumplink" href="#" target="_self" title="艾溪湖北路">艾溪湖北路</a>
</div>
</div>
</div>
</div>
<div class="chatcode" data-v-7adec885=""><img class="code" data-v-7adec885="" src="https://pages.anjukestatic.com/usersite/site/img/seo/app-download.jpg"/>
<div class="codetx" data-v-7adec885="">
<div data-v-7adec885="">扫码快速卖房</div>
<div class="codet" data-v-7adec885="">金牌经纪人帮你卖</div>
</div>
</div>
</div>
<!-- 厂房 -->
<div class="Sp panellist" style="display: none;">
<div class="cfheader">
<ul class="cftab">
<li class="cftab-item cftab-active">
                                    厂房
                                    <i class="cftab-line"></i>
</li>
<li class="cftab-item">
                                    仓库
                                </li>
<li class="cftab-item">
                                    土地
                                </li>
<li class="cftab-item">
                                    车位
                                </li>
</ul>
<div class="seletcRadio">
<div class="radio">
<input checked="checked" id="rdcf0" name="cf" type="radio" value="0"/>
<label class="radio-label" for="rdcf0">租厂房</label>
</div>
<div class="radio">
<input id="rdcf1" name="cf" type="radio" value="1"/>
<label class="radio-label" for="rdcf1">售厂房</label>
</div>
<div class="radio">
<input id="rdcf2" name="cf" type="radio" value="2"/>
<label class="radio-label" for="rdcf2">厂房转让</label>
</div>
</div>
</div>
<div class="homeSearch">
<section class="search textl">
<form action="javascript: void(0);" class="search-wrap">
<div class="search-inner">
<div class="searchpos">
<input autocomplete="off" class="search-input" data-npv="esf_List_search_box" id="search-input" name="搜索" placeholder="请输入房源地址特征、地址、小区、楼盘名或..." value=""/> <i class="search-close" style="display:none;"></i>
</div>
<button class="btn"> 租厂房 </button>
</div>
</form>
</section>
</div>
<div class="buy-house tab-contents">
<div class="clearfix">
<div class="details">
<div class="areas float_l widthtwo">
<p class="subtitle">
<span>热门区域</span>
</p>
<a alt="青山湖" class="jumplink" href="#" target="_self" title="青山湖">青山湖</a>
<a alt="南昌县" class="jumplink" href="#" target="_self" title="南昌县">南昌县</a>
<a alt="小蓝经济开发区" class="jumplink" href="#" target="_self" title="小蓝经济开发区">小蓝经济开发区</a>
<a alt="高新开发区" class="jumplink" href="#" target="_self" title="高新开发区">高新开发区</a>
<a alt="新建" class="jumplink" href="#" target="_self" title="新建">新建</a>
<a alt="昌北经济开发区" class="jumplink" href="#" target="_self" title="昌北经济开发区">昌北经济开发区</a>
<a alt="湾里" class="jumplink" href="#" target="_self" title="湾里">湾里</a>
<a alt="进贤" class="jumplink" href="#" target="_self" title="进贤">进贤</a>
<a alt="东湖" class="jumplink" href="#" target="_self" title="东湖">东湖</a>
<a alt="青云谱" class="jumplink" href="#" target="_self" title="青云谱">青云谱</a>
<a alt="红谷滩" class="jumplink" href="#" target="_self" title="红谷滩">红谷滩</a>
<a alt="安义" class="jumplink" href="#" target="_self" title="安义">安义</a>
<a alt="象湖" class="jumplink" href="#" target="_self" title="象湖">象湖</a>
<a alt="西湖" class="jumplink" href="#" target="_self" title="西湖">西湖</a>
</div>
<div class="prices float_l widthtwo">
<p class="subtitle">
<span>热门板块</span>
</p>
<a alt="盛汇广场" class="jumplink" href="#" target="_self" title="盛汇广场">盛汇广场</a>
<a alt="青山湖周边" class="jumplink" href="#" target="_self" title="青山湖周边">青山湖周边</a>
<a alt="解放东路" class="jumplink" href="#" target="_self" title="解放东路">解放东路</a>
<a alt="南昌县周边" class="jumplink" href="#" target="_self" title="南昌县周边">南昌县周边</a>
<a alt="莲塘" class="jumplink" href="#" target="_self" title="莲塘">莲塘</a>
<a alt="昌北经济开发区" class="jumplink" href="#" target="_self" title="昌北经济开发区">昌北经济开发区</a>
<a alt="昌东大道" class="jumplink" href="#" target="_self" title="昌东大道">昌东大道</a>
<a alt="望城" class="jumplink" href="#" target="_self" title="望城">望城</a>
<a alt="天祥大道" class="jumplink" href="#" target="_self" title="天祥大道">天祥大道</a>
<a alt="工业大道" class="jumplink" href="#" target="_self" title="工业大道">工业大道</a>
<a alt="进贤县城" class="jumplink" href="#" target="_self" title="进贤县城">进贤县城</a>
<a alt="湾里周边" class="jumplink" href="#" target="_self" title="湾里周边">湾里周边</a>
<a alt="二七路" class="jumplink" href="#" target="_self" title="二七路">二七路</a>
<a alt="长堎" class="jumplink" href="#" target="_self" title="长堎">长堎</a>
<a alt="青云谱周边" class="jumplink" href="#" target="_self" title="青云谱周边">青云谱周边</a>
<a alt="幸福" class="jumplink" href="#" target="_self" title="幸福">幸福</a>
<a alt="九龙湖" class="jumplink" href="#" target="_self" title="九龙湖">九龙湖</a>
<a alt="高新大道" class="jumplink" href="#" target="_self" title="高新大道">高新大道</a>
</div>
</div>
</div>
</div>
<div class="chatcode" data-v-7adec885=""><img class="code" data-v-7adec885="" src="https://pages.anjukestatic.com/usersite/site/img/seo/app-download.jpg"/>
<div class="codetx" data-v-7adec885="">
<div data-v-7adec885="">扫码快速卖房</div>
<div class="codet" data-v-7adec885="">金牌经纪人帮你卖</div>
</div>
</div>
</div>
<div class="chatcode">
<img class="code" src="https://pages.anjukestatic.com/usersite/site/img/seo/app-download.jpg"/>
<div class="codetx">
<div>扫码快速卖房</div>
<div class="codet">金牌经纪人帮你卖</div>
</div>
</div>
</div>
</div>
<div class="homeBody">
<div class="homeleft">
<div class="Lp">
<a class="title" href="#" target="_black">
<h3>热门楼盘</h3>
<i class="icon"></i>
</a>
<a class="singleLp" href="./detail.html" target="_black">
<img alt="" class="xflp-img lazy-img" src="./img/七字头一步九龙湖.jpg"/>
<div class="lpright">
<div class="subtilte">七字头一步九龙湖</div>
<div class="xflp-title hoversblue">[新建区-望悦湖]望悦湖金茂悦</div>
<div class="price">
<span>均价</span>
<span>7200</span>
<span>元/m²</span>
</div>
<div class="price">建筑面积89-200㎡</div>
<div class="price bm">
                                    44人已报名
                                </div>
<div class="look">去看看</div>
</div>
</a>
</div>
<div class="Lp">
<a class="title" href="./ShoppingGuide.html" target="_black">
<h3>热门导购</h3>
<i class="icon"></i>
</a>
<div class="popGuide-cont el-carousel el-carousel--horizontal">
<div class="el-carousel__container" style="height:330px;">
<div class="el-carousel__item popguide-scroll-ul clearfix is-active is-animating" style="transform: translateX(0px) scale(1);">
<a class="guidelink clearfix big-guide" href="./ShoppingGuide.html" target="_blank">
<img alt="" class="lazy-img" src="https://pic4.ajkimg.com/display/ajk/297acc71c2381e39dcf6a8ca1e388dd1/440x330c.jpg"/>
<p class="font-20 guidetit hovers">华章文苑，国企于朝阳新城的又一位力作</p>
</a>
<a class="guidelink clearfix small-guide" href="#" target="_blank">
<img alt="" class="lazy-img" src="https://pic4.ajkimg.com/display/ajk/e933883d44f0f501594f57a8229fdcc3/195x110c.jpg"/>
<p class="font-20 guidetit hoversblue">高新热盘来袭中海左岸国际盛大登场</p>
</a>
<a class="guidelink clearfix small-guide" href="#" target="_blank">
<img alt="" class="lazy-img" src="https://pic4.ajkimg.com/display/ajk/d8dec72b9174fc4293bae16f54612170/195x110c.jpg"/>
<p class="font-20 guidetit hoversblue"> 单价8字头 入住青山湖畔中海寰宇天下公寓启新</p>
</a>
<a class="guidelink clearfix small-guide" href="#" target="_blank">
<img alt="" class="lazy-img" src="https://pic4.ajkimg.com/display/ajk/208bac06837abf3c5f80edaaab3572e8/195x110c.jpg"/>
<p class="font-20 guidetit hoversblue">江铃龙湖，89㎡起象湖岸品质瞰湖三房</p>
</a>
<a class="guidelink clearfix small-guide" href="#" target="_blank">
<img alt="" class="lazy-img" src="https://pic4.ajkimg.com/display/ajk/fd85c78fb1093b204f2948b11862560b/195x110c.jpg"/>
<p class="font-20 guidetit hoversblue">83㎡的紧凑小三房，力高国资尚郡这个户型绝了</p>
</a>
</div>
</div>
</div>
</div>
<div class="rd">
<div class="Lp left">
<a class="title" href="#" target="_blank">
<h3>热点追踪</h3>
<i class="icon"></i>
</a>
<div class="hotUl">
<a class="hotUl-l" href="#" target="_blank">
<img alt="" class="hotUl-l-img lazy-img" src="https://pic1.ajkimg.com/ajk/8b1062abf9c496d1832a65a693568711/160x120c.jpg"/>
<div class="hotUl-l-content">
<p class="t1 hoversblue">经开板块热度不减 刚需置业优选</p>
<p class="t2">随着路网便利程度的不断提升，在置业时，我们不必只局限于家门口的配套。</p>
</div>
</a>
<a class="hotUl-l" href="#" target="_blank">
<img alt="" class="hotUl-l-img lazy-img" src="https://pic1.ajkimg.com/ajk/a0527935e0f06eac2984442870838987/160x120c.jpg"/>
<div class="hotUl-l-content">
<p class="t1 hoversblue">双地铁准现房 均价9千 枫和府真香</p>
<p class="t2">项目简评：国企背景，实力值得信赖；近地铁3号线，交通便利；邻雄溪河公园，环境宜居。</p>
</div>
</a>
<a class="hotUl-l" href="#" target="_blank">
<img alt="" class="hotUl-l-img lazy-img" src="https://pic1.ajkimg.com/ajk/207d31ce0bbe2481715b8693c417b9c0/160x120c.jpg"/>
<div class="hotUl-l-content">
<p class="t1 hoversblue">青云谱强势新盘，江铃龙湖，强强联袂！</p>
<p class="t2">江铃龙湖，强强联袂，带来青云谱又一强势新盘——江铃龙湖·云璟</p>
</div>
</a>
</div>
</div>
<div class="Lp right">
<a class="title" href="#" target="_blank">
<h3>实地探盘</h3>
<i class="icon"></i>
</a>
<div class="el-carousel el-carousel--horizontal">
<div class="el-carousel__container" style="height:415px;">
<div class="el-carousel__item tp-l is-active is-animating" style="transform: translateX(0px) scale(1);">
<a class="tp-l-con" href="#" target="_blank">
<img alt="" class="tp-l-con-img lazy-img" src="https://pic4.ajkimg.com/display/ajk/297acc71c2381e39dcf6a8ca1e388dd1/240x180c.jpg"/>
<div class="tp-l-con-zz">
<p class="tp-l-con-title hovers">【西湖】华章文苑，国企于朝阳新城的又一位力作</p>
</div>
</a>
<a class="tp-l-con" href="#" target="_blank">
<img alt="" class="tp-l-con-img lazy-img" src="https://pic4.ajkimg.com/display/ajk/e933883d44f0f501594f57a8229fdcc3/240x180c.jpg"/>
<div class="tp-l-con-zz">
<p class="tp-l-con-title hovers">【高新开发区】高新热盘来袭 中海左岸国际盛大登场</p>
</div>
</a>
</div>
<ul class="el-carousel__indicators el-carousel__indicators--horizontal">
<div class="bakc" style="margin-left:100px"></div>
<div class="bakc" style="margin-left:80px"></div>
<div class="bakc" style="margin-left:60px;background: #23c993;"></div>
</ul>
</div>
</div>
</div>
</div>
<div class="recommend">
<div class="recommend-title">
<em>精选小区</em>
<a class="recommend-jump" href="#" target="_blank">查看更多</a>
</div>
<div class="recommend-list">
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/c198dbb625d26451ada925c19293f5f5/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">世纪中央城(红谷滩)</div>
<div class="item-info-meta">
<span>红谷滩沙井路</span>
<span class="item-info-meta-seperate"></span>
<span>2013年竣工</span>
</div>
<div class="item-info-price">24326
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/cee3fc31913e0b0fc2d78a3518e3eb68/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">西站瑞都</div>
<div class="item-info-meta">
<span>红谷滩九龙湖</span>
<span class="item-info-meta-seperate"></span>
<span>2018年竣工</span>
</div>
<div class="item-info-price">10385
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/5e29243e832434710cd67bd456f10411/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">凤凰城凤鸣苑</div>
<div class="item-info-meta">
<span>红谷滩丰和北大道</span>
<span class="item-info-meta-seperate"></span>
<span>2005年竣工</span>
</div>
<div class="item-info-price">23900
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/091f3217ae4b6bb4a8b5ce3207f434ca/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">万科四季花城北区</div>
<div class="item-info-meta">
<span>高新开发区京东大道</span>
<span class="item-info-meta-seperate"></span>
<span>2010年竣工</span>
</div>
<div class="item-info-price">19444
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/21ccaf392c32541b040186b0050fa3e4/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">联泰香域尚城</div>
<div class="item-info-meta">
<span>红谷滩红角洲</span>
<span class="item-info-meta-seperate"></span>
<span>2019年竣工</span>
</div>
<div class="item-info-price">21708
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img"><img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/fe7ef2ad3d52dc4c4210d38c9c810034/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">伟梦清水湾</div>
<div class="item-info-meta">
<span>象湖象湖新城</span>
<span class="item-info-meta-seperate"></span>
<span>2015年竣工</span>
</div>
<div class="item-info-price">10293
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/1d7d662163e3fa96caa03ee1e764823b/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">红谷新城</div>
<div class="item-info-meta">
<span>新建长堎</span>
<span class="item-info-meta-seperate"></span>
<span>2014年竣工</span>
</div>
<div class="item-info-price">13873
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
<div class="recommend-esf" target="_blank">
<a class="recommend-list-item" href="#" target="_blank">
<div class="img">
<img alt="" class="item-image lazy-img" lazy="loaded" src="https://pic1.ajkimg.com/display/ajk/03dc095c8a9f4c01ab80a881a52652bc/404x304c.jpg"/>
</div>
<div class="item-info">
<div class="item-info-title hoversblue">联泰天悦</div>
<div class="item-info-meta">
<span>红谷滩红角洲</span>
<span class="item-info-meta-seperate"></span>
<span>2015年竣工</span>
</div>
<div class="item-info-price">23858
                                            <span class="unit">元/㎡</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="homeright">
<div class="ad">
<a class="title" href="#" target="_blank">
<h3>看房团</h3>
<i class="icon"></i>
</a>
<div class="tags">
<span class="tag">免费专车</span>
<span class="tag">一对一接送</span>
<span class="tag">随时看房</span>
</div>
<div class="tp el-carousel el-carousel--horizontal">
<div class="el-carousel__container" style="height:268px;">
<div class="el-carousel__item tp-l is-active is-animating" style="transform: translateX(0px) scale(1);">
<a class="tp-l-con" href="#" target="_blank">
<p class="tp-l-con-title hoversblue">[新建区]金茂南昌国际社区</p>
<div class="tp-l-con-tip">
<span class="tp-l-con-tip-ly">看房优惠：与案场楼盘优惠相同</span>
<button class="tp-l-con-tip-btn">约车看房</button>
</div>
</a>
<a class="tp-l-con" href="#" target="_blank">
<p class="tp-l-con-title hoversblue">[青云谱]万科四季都会</p>
<div class="tp-l-con-tip">
<span class="tp-l-con-tip-ly">看房优惠：与案场楼盘优惠相同</span>
<button class="tp-l-con-tip-btn">约车看房 </button>
</div>
</a>
<a class="tp-l-con" href="#" target="_blank">
<p class="tp-l-con-title hoversblue">[南昌县]万科·江右东方</p>
<div class="tp-l-con-tip">
<span class="tp-l-con-tip-ly">看房优惠：与案场楼盘优惠相同</span>
<button class="tp-l-con-tip-btn">约车看房</button>
</div>
</a>
</div>
<ul class="el-carousel__indicators el-carousel__indicators--horizontal">
<div class="bakc" style="margin-left:100px"></div>
<div class="bakc" style="margin-left:80px"></div>
<div class="bakc" style="margin-left:60px"></div>
<div class="bakc" style="margin-left:40px;background: #23c993;"></div>
</ul>
</div>
</div>
</div>
<div class="ad">
<a class="title" href="#" target="_blank">
<h3>特色楼盘</h3>
<i class="icon"></i>
</a>
<div class="ad-ul">
<div data-action="AJK_Web_Home_HomePage_XF_TSLP">
<a class="ad-ul-labtitle" href="#" target="_blank">
                                    品牌开发商
                                    <i class="ad-ul-labtitle-icon"></i>
</a>
<div>
<a class="ad-ul-li" href="#" target="_blank">
<span class="adname hoversblue">华侨城万科世纪水岸</span>
<span class="ad-ul-span">176万元/套起</span>
</a>
</div>
<div>
<a class="ad-ul-li" href="#" target="_blank">
<span class="adname hoversblue">望悦湖金茂悦</span>
<span class="ad-ul-span">7200元/m²</span>
</a>
</div>
<div>
<a class="ad-ul-li" href="#" target="_blank">
<span class="adname hoversblue">万科星光世纪</span>
<span class="ad-ul-span">9000元/m²</span>
</a>
</div>
</div>
</div>
</div>
<div class="poster rightbanner">
<div id="IFX_p927"></div>
</div>
<div class="ad">
<a class="title" href="#">
<h3>新房动态</h3> <i class="icon"></i>
</a>
<div>
<a class="openlink hoversblue" href="#">华侨城万科世纪水岸，项目别墅起价500万</a>
<a class="openlink hoversblue" href="#">华章文员热售中</a>
<a class="openlink hoversblue" href="#">万科四季都会，绿化率30%</a>
<a class="openlink hoversblue" href="#">望悦湖金茂悦建面约89-112-200平三到五房</a>
<a class="openlink hoversblue" href="#">绿都·广州路壹号，首开在即</a>
<a class="openlink hoversblue" href="#">万科星光世纪，绿化率35%</a>
<a class="openlink hoversblue" href="#">新旅青山湖，绿化率34%</a>
<a class="openlink hoversblue" href="#">江铃新力臻园，公寓在售</a>
<a class="openlink hoversblue" href="#">万科江右东方热势在售中</a>
<a class="openlink hoversblue" href="#">美的花湾城热势在售中</a>
</div>
</div>
<div class="poster rightbanner">
<div id="IFX_p928"></div>
</div>
<div class="poster rightbanner">
<div id="IFX_p935">
<div style="width:285px;height:95px;border:none;padding:0px;margin:0px;overflow:hidden;position: relative;">
<a href="#" target="_blank"><img src="https://pic1.ajkimg.com/display/xinfang/09711c36ff97c3f57d4c3cfba4988045/285x95n.jpg" style="width:285px;height:95px;border:none;"/></a><span style="position: absolute;right: 11px;bottom: 0;color: white;">广告</span>
</div>
</div>
</div>
<div class="poster rightbanner">
<div id="IFX_p1002">
<div style="width:285px;height:95px;border:none;padding:0px;margin:0px;overflow:hidden;position: relative;">
<a href="#" target="_blank"><img src="https://pic1.ajkimg.com/display/xinform/fdb3b124d119093a4f5a974c8481ac8b/W0QQnZo.jpg.e3316ac8055da1b36651357270f27820.jpg" style="width:285px;height:95px;border:none;"/></a><span style="position: absolute;right: 11px;bottom: 0;color: white;">广告</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer" id="footer">
<ul class="links">
<li>
<a class="hoversblue" href="#" rel="nofollow">关于安居客
                        </a>
<em class="spe-lines">|</em>
</li>
<li>
<a class="hoversblue" href="#" rel="nofollow">联系我们</a>
<em class="spe-lines">|</em>
</li>
<li>
<a class="hoversblue" href="#" rel="nofollow">用户协议</a>
<em class="spe-lines">|</em>
</li>
<li><a class="hoversblue" href="javascript:void(0);">房贷计算器</a> <em class="spe-lines">|</em></li>
<li><a class="hoversblue" href="javascript:void(0);">最新问答</a> <em class="spe-lines">|</em></li>
<li><a class="hoversblue" href="javascript:void(0);">网站地图</a> <em class="spe-lines">|</em></li>
<li><a class="hoversblue" href="javascript:void(0);">最新房源</a> <em class="spe-lines">|</em></li>
<li><a class="hoversblue" href="javascript:void(0);">其他城市</a> <em class="spe-lines">|</em></li>
<li>
<a class="hoversblue" href="#" rel="nofollow">友情链接</a>
<em class="spe-lines">|</em>
</li>
<li>
<a class="hoversblue" href="http://www.zx110.org/cxs/index.html" rel="nofollow">放心搜</a>
<em class="spe-lines">|</em>
</li>
<li>
<a class="hoversblue" href="#" rel="nofollow">推广服务</a>
<em class="spe-lines">|</em>
</li>
<li>
<a class="hoversblue" href="#" rel="nofollow">渠道招商</a>
<em class="spe-lines">|</em>
</li>
<li>
<a class="hoversblue" href="#" rel="nofollow">58车</a>
<em class="spe-lines">|</em>
</li>
</ul>
<div class="cp-mod">
<a class="hoversblue" href="#" rel="nofollow" target="_blank">客户服务中心
                    </a>    违法信息举报： 4006209008 
                    <a class="hoversblue" href="mailto:yinsibaohu@58.com" rel="nofollow" target="_blank">yinsibaohu@58.com</a>   
                    Copyright © 2007-2023 www.anjuke.com All Rights Reserved   
                    <a class="hoversblue" href="#" rel="nofollow">ICP号：沪 B2-20090008</a>
</div>
</div>
</div>
</div>
<script>
	    document.getElementById('sechouseBtn').onclick = function() {  
	 
	        window.location.href = './sechouse.html'; // 跳转页面  
	    };  
		
		document.getElementById('newhouse').onclick = function() {
			 
		    window.location.href = './newhouse.html'; // 跳转页面  
		};  
		
		
		// JSON 数据  
		    const data = {  
		        "regions": [  
		            {  
		                "name": "华北东北",  
		                "cities": [  
		                    "北京", "天津", "大连", "石家庄", "哈尔滨", "沈阳",  
		                    "太原", "长春", "威海", "潍坊", "呼和浩特", "包头",  
		                    "秦皇岛", "烟台", "保定", "唐山"  
		                ]  
		            },  
		            {  
		                "name": "华东地区",  
		                "cities": [  
		                    "上海", "杭州", "苏州", "南京", "无锡", "济南",  
		                    "青岛", "昆山", "宁波", "南昌", "福州", "合肥",  
		                    "徐州", "淄博", "南通", "常州", "湖州", "绍兴",  
		                    "盐城", "蚌埠", "温州", "嘉兴", "太仓"  
		                ]  
		            },  
		            {  
		                "name": "华南地区",  
		                "cities": [  
		                    "深圳", "广州", "佛山", "长沙", "三亚", "惠州",  
		                    "东莞", "海口", "珠海", "中山", "厦门", "南宁",  
		                    "泉州", "柳州"  
		                ]  
		            },  
		            {  
		                "name": "中西部",  
		                "cities": [  
		                    "成都", "重庆", "武汉", "郑州", "西安", "昆明",  
		                    "贵阳", "兰州", "洛阳", "南阳", "滨州", "咸阳",  
		                    "绵阳", "乌鲁木齐"  
		                ]  
		            }  
		        ]  
		    };  
		
		    // 渲染城市数据  
		    const regionContainer = document.getElementById('region-container');  
		    data.regions.forEach(region => {  
		        const regionList = document.createElement('ul');  
		        regionList.classList.add('region-list');  
		
		        const regionDetail = document.createElement('li');  
		        regionDetail.classList.add('region-detail');  
		        
		        const regionName = document.createElement('div');  
		        regionName.classList.add('region-name');  
		        regionName.textContent = region.name;  
		
		        const cityList = document.createElement('ul');  
		        cityList.classList.add('city-list');  
		
		        region.cities.forEach(city => {  
		            const cityItem = document.createElement('li');  
		            const cityLink = document.createElement('a');  
		            cityLink.href = '#';  // 设置城市链接（可修改）  
		            cityLink.textContent = city;  
		            cityItem.appendChild(cityLink);  
		            cityList.appendChild(cityItem);  
		        });  
		
		        regionDetail.appendChild(regionName);  
		        regionDetail.appendChild(cityList);  
		        regionList.appendChild(regionDetail);  
		        regionContainer.appendChild(regionList);  
		    });  
			
			
			const navChannelList = document.getElementById('nav-channel-list');  
			
			// 从 JSON 文件读取导航数据  
			fetch('./json/navData.json')  
			    .then(response => {  
			        if (!response.ok) {  
			            throw new Error('网络错误，无法读取数据');  
			        }  
			        return response.json(); // 解析 JSON 数据  
			    })  
			    .then(navData => {  
			        navData.forEach(item => {  
			            const itemWrap = document.createElement('li');  
			            itemWrap.classList.add('nav-channel-item-wrap');  
			
			            const itemLink = document.createElement('a');  
			            itemLink.href = item.link || '#'; // 如果存在链接，则使用它  
			            itemLink.className = 'nav-channel-item';  
			            itemLink.textContent = item.name;  
			            itemWrap.appendChild(itemLink);  
			
			            if (item.subCategories && item.subCategories.length > 0) {  
			                const secondList = document.createElement('ul');  
			                secondList.className = 'nav-channel-secondlist';  
			
			                item.subCategories.forEach(subItem => {  
			                    const subListItem = document.createElement('li');  
			                    const subLink = document.createElement('a');  
			                    subLink.href = '#'; // 可以为每个子链接设置合适的 URL  
			                    subLink.className = 'nav-channel-secondlist-item';  
			                    subLink.textContent = subItem;  
			                    subListItem.appendChild(subLink);  
			                    secondList.appendChild(subListItem);  
			                });  
			
			                itemWrap.appendChild(secondList);  
			            }  
			
			            navChannelList.appendChild(itemWrap);  
			        });  
			    })  
			    .catch(error => {  
			        console.error('获取导航数据失败:', error);  
			    });
		
				 // 定义二手房数据  
				        const secondHandHouses = [  
				            {  
				                title: "二手房",  
				                mapLink: "https://nc.anjuke.com/map/sale/",  
				                areas: [  
				                    "红谷滩",  
				                    "青山湖",  
				                    "东湖",  
				                    "西湖",  
				                    "青云谱",  
				                    "新建",  
				                    "南昌县",  
				                    "进贤",  
				                    "安义",  
				                    "高新开发区",  
				                    "昌北经济开发区"  
				                ],  
				                priceRanges: [  
				                    "不限",  
				                    "50万以下",  
				                    "50-80万",  
				                    "80-100万",  
				                    "100-120万"  
				                ]  
				            },  
				            {  
				                title: "二手房",  
				                mapLink: "https://nc.anjuke.com/map/sale/",  
				                areas: [  
				                    "红谷滩",  
				                    "青山湖",  
				                    "东湖",  
				                    "西湖",  
				                    "青云谱",  
				                    "新建",  
				                    "南昌县",  
				                    "进贤",  
				                    "安义",  
				                    "高新开发区",  
				                    "昌北经济开发区"  
				                ],  
				                priceRanges: [  
				                    "不限",  
				                    "50万以下",  
				                    "50-80万",  
				                    "80-100万",  
				                    "100-120万"  
				                ]  
				            }  
				        ];  
				
				        const buyHouseContainer = document.getElementById('house-details');  
				
				        // 遍历二手房数据  
				        secondHandHouses.forEach(house => {  
				            // 创建包含房屋区域和价格区间的HTML结构  
				            const areaDiv = document.createElement('div');  
				            areaDiv.className = 'areas float_l widthtwo';  
				
				            const subtitle = document.createElement('p');  
				            subtitle.className = 'subtitle';  
				            subtitle.innerHTML = `<span>${house.title}</span>`;  
				            areaDiv.appendChild(subtitle);  
				
				            const mapLink = document.createElement('a');  
				            mapLink.title = "地图找房";  
				            mapLink.alt = "地图找房";  
				            mapLink.href = house.mapLink;  
				            mapLink.className = 'map';  
				            mapLink.textContent = "地图找房";  
				            areaDiv.appendChild(mapLink);  
				
				            // 添加区域链接  
				            const areaHeightDiv = document.createElement('div');  
				            areaHeightDiv.className = 'areaheight';  
				            house.areas.forEach(area => {  
				                const areaLink = document.createElement('a');  
				                areaLink.href = ''; // 可以根据需求添加链接  
				                areaLink.className = 'jumplink';  
				                areaLink.textContent = area;  
				                areaHeightDiv.appendChild(areaLink);  
				            });  
				            areaDiv.appendChild(areaHeightDiv);  
				
				            // 添加价格范围链接  
				            const priceDiv = document.createElement('div');  
				            house.priceRanges.forEach(price => {  
				                const priceLink = document.createElement('a');  
				                priceLink.href = ''; // 可以根据需求添加链接  
				                priceLink.className = 'jumplink';  
				                priceLink.textContent = price;  
				                priceDiv.appendChild(priceLink);  
				            });  
				            areaDiv.appendChild(priceDiv);  
				
				            buyHouseContainer.appendChild(areaDiv);  
				        });  
		
	</script>
</body>
<script>
    // 获取所有类名为 "myClass" 的元素
    var myElements = document.querySelectorAll(".mf.select");
    var panellist = document.getElementsByClassName("panellist");
    var pos = ['locale pos0', 'locale pos1', 'locale pos2', 'locale pos3', 'locale pos4']
    var locale = document.getElementsByClassName("locale");
    var panel = document.getElementsByClassName("panel");
    // // 为每个元素添加点击事件监听器
    myElements.forEach(function (element, index) {
        element.addEventListener("click", function () {
            for (var j = 0; j < panellist.length; j++) {
                if (index == j) {
                    if (j > 2) {
                        panel[0].className = 'panel spHeight';
                    } else {
                        panel[0].className = 'panel';
                    }
                    locale[0].className = pos[j];
                    panellist[j].style.display = "block"
                } else {
                    panellist[j].style.display = "none"
                }
            }
        });
    });
	

	
</script>
</html>